import { View } from "@tarojs/components";
import { STATUS, STATUS_COLOR, STATUS_NAME } from "../../configProvider"
import IconFont from "../iconfont";
import './index.scss'
export interface PortraitProps {
  status: STATUS,
  size: number
}
const Portrait: React.FC<PortraitProps> = ({ status, size }) => {
  return <View className='portrait-container' style={{ height: `${size * 1.6}rpx`, width: `${size * 1.6}rpx` }}>
    <View className="portrait-icon">
      <IconFont name="user" size={size} color={STATUS_COLOR[status]} />
    </View>
    <View className="status-name" style={{ fontSize: `${size / 2.5}rpx`, color: `${STATUS_COLOR[status]}` }}>{STATUS_NAME[status]}</View>
  </View>
}
export default Portrait;
